"use client";
import Image from "next/image";

export default function footer() {
  

  return (
    <>

      <section>
        <div className="h-[12px] bg-divider bg-center bg-[length:1920px_12px]"></div>
        <div className="flex pt-[60px] pb-[90px] w-[1200px] mx-auto">
          <Image
            src={"/assets/footer/logo-bottom.png"}
            alt=""
            className="w-[130px] h-[130px] mr-[56px]"
            height={130}
            width={130}
          />
          <div>
            <h4 className="footer-label">联系我们</h4>
            <p className="footer-desc">公司网址：service@shinship.com</p>
            <p className="footer-desc">商务合作：bd@shinship.com</p>
            <h4 className="footer-label mt-[16px]">联系我们</h4>
            <p className="footer-desc">周一至周六</p>
            <p className="footer-desc">上午:09:00-12:00 下午:14:00-18:00</p>
          </div>
          <div className="ml-[30px] w-[400px] mr-[16px]">
            <h4 className="footer-label mb-[28px]">合作伙伴</h4>
            <div className="flex flex-wrap">
              <Image
                src={"/assets/footer/partner_1.png"}
                className="mr-[20px]"
                alt=""
                width={120}
                height={30}
              ></Image>
              <Image
                src={"/assets/footer/partner_2.png"}
                className="mr-[42px]"
                alt=""
                width={30}
                height={30}
              ></Image>
              <Image
                src={"/assets/footer/partner_3.png"}
                className="mr-[24px]"
                alt=""
                width={30}
                height={30}
              ></Image>
              <Image
                src={"/assets/footer/partner_4.png"}
                alt=""
                width={120}
                height={30}
              ></Image>

              <Image
                src={"/assets/footer/partner_8.png"}
                className="mr-[20px] mt-[28px]"
                alt=""
                width={120}
                height={30}
              ></Image>
              <Image
                src={"/assets/footer/partner_6.png"}
                className="mr-[42px] mt-[28px]"
                alt=""
                width={30}
                height={30}
              ></Image>
              <Image
                src={"/assets/footer/partner_7.png"}
                className="mr-[24px] mt-[28px]"
                alt=""
                width={30}
                height={30}
              ></Image>
              <Image
                src={"/assets/footer/partner_9.png"}
                className="mr-1 mt-[28px]"
                alt=""
                width={120}
                height={30}
              ></Image>

              <Image
                src={"/assets/footer/partner_10.png"}
                className="ml-[-16px] mr-[4px] mt-[24px]"
                alt=""
                width={120}
                height={30}
              ></Image>
              <Image
                src={"/assets/footer/partner_5.png"}
                className="mr-[20px] mt-[24px]"
                alt=""
                width={120}
                height={30}
              ></Image>
            </div>
          </div>
          <div>
            <ul className="flex gap-[5px]">
              <li className="flex flex-col items-center">
                <Image
                  src={"/assets/footer/wechat1.png"}
                  className="mt-[24px]"
                  alt=""
                  width={100}
                  height={100}
                ></Image>
                <span className="text-[18px] text-black font-normal leading-[25px]">
                  客服
                </span>
              </li>
              <li className="flex flex-col items-center">
                <Image
                  src={"/assets/footer/wechat2.png"}
                  className="mt-[24px]"
                  alt=""
                  width={100}
                  height={100}
                ></Image>
                <span className="text-[18px] text-black font-normal leading-[25px]">
                  客服
                </span>
              </li>
              <li className="flex flex-col items-center">
                <Image
                  src={"/assets/footer/wechat3.png"}
                  className="mt-[24px]"
                  alt=""
                  width={100}
                  height={100}
                ></Image>
                <span className="text-[18px] text-black font-normal leading-[25px]">
                  客服
                </span>
              </li>
            </ul>
          </div>
        </div>
        <div className="h-[2px] bg-[2px] w-full bg-[#e2e2e2]"></div>
        <div className="h-[58px] text-[#91A9B7] text-[16px] leading-[58px] text-center font-medium">
          © Copyright 2015 闪闪转运 沪ICP备15050517号-1 网站地图 版权所有
        </div>
      </section>
    </>
  );
}
